<template>
	<v-content>
		<v-header :title="message.title" back background="#fff"></v-header>
		<div class="content" v-html="message.content"></div>

		<v-empty :list="message.content ? [message.content] : []"></v-empty>
	</v-content>
</template>
<script>
import mixins from "@/mixins"
export default {
	mixins: [mixins],
	data() {
		return {
			message: "",
		}
	},
	methods: {
		init() {
			this.getMessage()
		},
		async getMessage() {
			let url = ""
			switch (this.query.type) {
				case "0":
					url = "/api/system/protocol/getByCode?code=USER"
					break
				case "1":
					url = "/api/system/protocol/getByCode?code=PRIVACY"
					break
				default:
					break
			}
			this.message = await this.$axios.get(url)
		},
	},

	components: {},

	computed: {},
}
</script>
<style lang="scss" scoped>
.title {
	padding: 30rpx;
	text-align: center;
	font-size: 50rpx;
}
.content {
	padding: 30rpx;
	font-size: 24rpx;
	line-height: 1.8;
}
</style>
